<template>
	<view>
		<view class="page-body">
			<view  class="page-section page-section-gap">
				<map  style="width: 100%; height: 300px" :latitude="latitude" :longitude="longitude" :markers="markers"></map>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			shopMap: false, // 控制地图的显示与隐藏，初始值为false，即不显示地图。
			latitude: 39.909, //纬度
			longitude: 116.39742, //经度
			markers: []
		};
	},
	onLoad() {
		
		// 获取当前位置的经纬度信息，可以使用uni.getLocation()方法获取位置信息，然后将经纬度信息赋值给data中的longitude和latitude属性。
		let that = this
		
		uni.getLocation({
			type: 'gcj02', // 返回可以用于uni.openLocation()的坐标点
			altitude:true,
			geocode:true,
			success: function (res) {
				console.log(res)
				that.longitude = res.longitude;
				that.latitude = res.latitude;
				that.markers.push({
						id: 1,
						longitude: res.longitude,
						latitude: res.latitude,
						iconPath: '/static/icons/location.png' // 设置图标路径，这里假设有一个名为location.png的图标文件。
					})
				// this.shopMap = true; // 获取到经纬度信息后，将shopMap的值设为true，以显示地图。
			},
			fail: function (res) {
				
				uni.showModal({
					title: '获取位置信息失败',
					content: res.errMsg + '，请检查是否已打开GPS定位服务',
				    showCancel:false,
                    confirmText:'确定',
				})
				// uni.showToast({ title: res.errMsg, icon: 'none' });
				
			}
		});
	},
	methods: {}
};
</script>

<style lang="scss"></style>
